<!DOCTYPE html>
<!--[if lt IE 9 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
    <head>
        <meta charset="UTF-8" />

        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta http-equiv="x-frame-options" content="deny">
        <meta name="viewport" content="width={{viewportWidth}}, initial-scale=1">

        <title>Scratch - {{title}}</title>

        <!-- Search & Open Graph-->
        <meta name="description" content="{{description}}" />
        <meta name="google-site-verification" content="m_3TAXDreGTFyoYnEmU9mcKB4Xtw5mw6yRkuJtXRKxM" />

        <meta property="og:url" content="https://scratch.mit.edu/" />
        <meta property="og:type" content="website" />
        <meta property="og:title" content="Scratch - {{title}}" />
        <meta property="og:description" content="{{description}}" />
        <meta property="og:image" content="{{&og_image}}" />
        <meta property="og:image:type" content="{{&og_image_type}}" />
        <meta property="og:image:width" content="{{&og_image_width}}" />
        <meta property="og:image:height" content="{{&og_image_height}}" />

        <!-- Favicon & CSS normalize -->
        <link rel="shortcut icon" href="/favicon.ico" />
        <link rel="stylesheet" href="/css/lib/normalize.min.css" />

        <!-- Environment -->
        <script>
            window.env = {
                API_HOST: "{{&api_host}}"
            };
        </script>

        <!-- Polyfill & Initialize (Session & Localization)-->
        <script src="/js/lib/polyfill.min.js"></script>
        <script src="/js/init.bundle.js"></script>
    </head>

    <body>
        <div id="app"></div>

        <!-- Scripts -->
        <script src="/js/lib/react{{min}}.js"></script>
        <script src="/js/lib/react-dom{{min}}.js"></script>
        <script src="/js/lib/redux{{min}}.js"></script>
        <script src="/js/lib/react-intl-with-locales{{min}}.js"></script>
        <script src="/js/lib/raven.min.js"></script>

        <script src="/js/{{name}}.intl.js"></script>
        <script src="/js/{{name}}.bundle.js"></script>

        <!-- Error logging (Sentry) -->
        <script>
            if ('{{&sentry_dsn}}' !== '') {
                Raven.config('{{&sentry_dsn}}').install();
            }
        </script>

        <!-- Analytics (GA) -->
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', '{{&ga_tracker}}', {
                'sampleRate': 10
            });
            ga('send', 'pageview');
        </script>
    </body>
</html>
